<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/grey-layout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>GetSimpleCMS Getting Started - Internet Imagery</title>
<!-- InstanceEndEditable -->
<meta name="Description" content="construction, amazing, bytes, life" />
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- InstanceEndEditable -->
<script src="site-archives/site-archives/Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="internet, web, talent, freelance, flash, animation, photography, camera, imagery, concept, art" />
<link href="grey-layout-style.css" rel="stylesheet" type="text/css" />
</head>

<body onload="MM_preloadImages('images/getsimpleCMS/header-1.png')">
<div class="light-grey" id="curve-top">
<center>
  <a name="top" id="top"></a>internetIMAGERY.com
</center></div>
<div id="logo-strip">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="150" id="logo" title="Internet Imagery">
    <param name="movie" value="web-images/header-bar.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/header-bar.swf" width="1024" height="150">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

<div id="container">
<div id="nagivation-strip"><img src="web-images/nav-corner.png" width="40" height="55" alt="" />
  <object id="Web" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
    <param name="movie" value="web-images/wavy-button-web.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/wavy-button-web.swf" width="115" height="55">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <p><a href="ii-web.html">MY WEB</a></p>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55" id="Art">
    <param name="movie" value="web-images/wavy-button-art.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/wavy-button-art.swf" width="115" height="55">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <p><a href="ii-art.html">MY ART</a></p>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
  <object id="About" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
      <param name="movie" value="web-images/wavy-button-about.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="web-images/wavy-button-about.swf" width="115" height="55">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <p><a href="ii-about.html">ABOUT</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    <object id="Contact" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
      <param name="movie" value="web-images/wavy-button-contact.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="tansparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="web-images/wavy-button-contact.swf" width="115" height="55">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <p><a href="ii-contact.html">CONTACT</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55" align="right" id="Home">
      <param name="movie" value="web-images/wavy-button-home.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object data="web-images/wavy-button-home.swf" type="application/x-shockwave-flash" width="115" height="55" align="right">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
         <p><a href="index.html">HOME</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
</div>
<!-- InstanceBeginEditable name="Main-text" -->
<div id="text-body">
  <h1><span class="emphasis">Get</span>Simple CMS setup miniguide<span class="emphasis">.</span>  </h1>
  <p>&nbsp;</p>
  <p>The following is a <span class="emphasis">simple step by step guide</span> to the way I get started with<span class="emphasis"> GetSimple CMS</span>, punctuated by <a href="#bottom">some near essential plugin downloads</a>. Primarally for my own purposes, but if you are reading this I hope it will help and inspire you too.</p>
<p>To get started, <a href="http://get-simple.info/download">download the latest GetSimple CMS from here</a>, or click the image on the right.</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Also <a href="http://get-simple.info/extend/export/2902/81/dynpages.zip">download the plugin, Dynamic Pages. </a>This plugin is <span class="emphasis">not</span> essential, but <span class="emphasis">it is</span> a great addition, helping add components easily to individual pages post-website. Personally I think this functionality should come standard. I'm not going to cover the functionality here, but check out the doccumentation on the <a href="http://get-simple.info/extend/plugin/dynpages/81/">web page</a>.</p>
  <p><span class="emphasis">Unzip</span> everything from <span class="emphasis">GetSimple CMS</span> into a folder somewhere. <span class="emphasis">Unzip</span> the plugin <span class="emphasis">DynPages</span>, too. Place the file DynPages.php into: </p>
  <p>[some folder]/GetSimple_3.1.2/Plugins/</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Now the fun begins! <span class="emphasis">MAKE YOUR WEB PAGE!</span> You can use anything you like to make your web page template. Dreamweaver would be the best option, however a free program to do so <a href="http://bluegriffon.org/pages/Download">(Blue Griffon) can be downloaded from here</a>.</p>
  <p>A couple of things to note while making the web page. Later you will have an option to include <span class="emphasis">dynamically generated navigation buttons</span>. If this is your intention create the buttons using &lt;ul&gt; (or &lt;ol&gt;) and &lt;li&gt; tags. Ultimately the CMS will provide a list of button names and links. Make a dummy list and use CSS to make the list items work as buttons. A good way to do this is to add your CSS style to a Div tag specifically. For example using a &lt;div&gt; tag &quot;nav&quot;: <span class="emphasis">#nav a:link</span>, <span class="emphasis">#nav a:visited</span>, <span class="emphasis">#nav a:hover</span>, <span class="emphasis">#nav a:focus</span>.</p>
  <p><span class="emphasis">IMPORTANT</span>: Make sure to label your <span class="emphasis">CSS</span> sheet as &quot;<span class="emphasis">style.css</span>.&quot;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Now we are ready to <span class="emphasis">prep our web page</span> for use in GetSimple CMS. The awesome thing with this CMS, is that the content is added through simple <span class="emphasis">&lt;?php ?&gt;</span> commands giving you the freedom to make whatever you want! (It is also possible to do this using the editor built into the CMS itself, and I recomend it. However prepping beforehand means you can distribute your web theme with the CMS  as a complete package to a client.)</p>
  <p>This is a <span class="emphasis">simple checklist</span> to work through. There is much more that GetSimple CMS can do with a web page, but for now we just want to cover the basics. Roll over the image to the right to see what you will be doing.</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>First stop before we begin editing the code, you will need to save and name your site a very specific name. &quot;<span class="emphasis">template.php</span>&quot; (It's worth noting that any further pages do not need a specific name, but the CMS requres both a &quot;template.php&quot; and a &quot;style.css&quot; to be present). With that done, let the coding begin!</p>
  <p>The <span class="emphasis">&lt;head&gt;</span> section. Here we have two main options. GetSimpleCMS has a built in header funcionality that automatically creates the &quot;description&quot; &quot;keywords&quot; &quot;canonical&quot; and &quot;generated&quot; tags. To use this feature simply delete those sections out of your code and replace it with &quot;<span class="emphasis">&lt;?php get_header(); ?&gt;</span>&quot; (be sure to keep this code between &lt;head&gt; &lt;/head&gt; tags).</p>
  <p>Your second option is to write most of the header yourself and insert a more specific tag (you can of course insert no tags, but then your header will be the same on every page). For &quot;description&quot; use &quot;<span class="emphasis">&lt;?php get_page_excerpt(); ?&gt;</span> to insert a small snippet of the site content.&quot; For &quot;keywords&quot; insert &quot;<span class="emphasis">&lt;?php get_page_meta_keywords(); ?&gt;</span>.&quot;</p>
  <p>Next we will be editing the page <span class="emphasis">&lt;title&gt;</span>. I like to use both the current page and the website name in the page title. Delete all the contents you want between the &lt;title&gt; tags. Insert &quot;<span class="emphasis">&lt;?php get_page_clean_title(); ?&gt;</span>&quot; to have the title print the page name. Insert &quot;<span class="emphasis">&lt;?php get_site_name(); ?&gt;</span>&quot; will give you the name of the website.</p>
  <p>Lastly in our header section we need to apend a tag onto the style sheet. Find the section that says something like: &quot;<span class="emphasis">&lt;link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;</span>&quot; and add before the words &quot;style.css&quot; the code &quot;<span class="emphasis">&lt;?php get_theme_url(); ?&gt;/</span>.&quot; This will ensure that your web page can always find the CSS. Note the slash after the code. The resulting code should look like this:</p>
  <p>&lt;link href=&quot;<span class="emphasis">&lt;?php get_theme_url(); ?&gt;/</span>style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Done with the header, we move into the <span class="emphasis">&lt;body&gt;</span>. If you have made a list for site navigation, now is the time to remove any dummy links. Putting &quot;<span class="emphasis">&lt;?php get_navigation(); ?&gt;</span>&quot; will generate a list of links and titles for each web page selected in the CMS. It should also be noted that a class name &quot;current&quot; will be created on the link that is currently active, so you can use that to style the link on the page currently active.</p>
  <p>Now you need to go through and replace (or add) any site specific links you want.  Simply replace any link with &quot;&lt;?php menu_data('<span class="emphasis">webpage name here</span>'); ?&gt;&quot; and insert the name of the web page you want between the brackets.</p>
  <p><span class="emphasis">Did we forget something?</span> Of course, the main meal of this spicy guide. The content! Simply locate where on the webpage you want the site owner to be writing their content and find that spot in the code. Delete any dummy text you may have added in and replace it with &quot;<span class="emphasis">&lt;?php get_page_content(); ?&gt;</span>.&quot; This right here is why this CMS is so easy!</p>
  <p>Right, we are almost done here. One final thing before we are finished with the &lt;body&gt;. Locate a spot at the bottom and place the code &quot;<span class="emphasis">&lt;?php get_footer(); ?&gt;</span>.&quot; It is likely this will not be used ever, but some mods do need it to function, so it's better to be safe. We are DONE with the &lt;body&gt; and the coding now! Almost finished!</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>Final stop is to move the files template.php, style.css, and any dependant folders (<span class="emphasis">images</span>?) and files into a template. Make a folder and place all the files into it. The name of the folder will end up being the name of your template, so make sure the name makes sense. Use underscores if you need spaces.</p>
  <p>Move the folder just created into your CMS folder:</p>
  <p>[some folder]/GetSimple_3.1.2/Theme/<a name="bottom" id="bottom"></a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>AND WE'RE <span class="emphasis">DONE</span>!</p>
  <p>To use this CMS, FTP it to a folder on yours or your clients server. Either in the directory root or in any subfolder. Then simply navigate to that URL and take it from there. As a prize for participation here are a couple links to other very nice plugins.</p>
  <p><a href="http://get-simple.info/extend/plugin/multi-user/133/">Multi-User plugin</a>. For more than one account to the site.</p>
  <p><a href="http://get-simple.info/extend/plugin/gs-socialize/16/">GS Socialise</a>. To add small social network links onto the site bottom.</p>
  <p><a href="http://get-simple.info/extend/">Other plugns found here.</a></p>
  <p>&nbsp;</p>
  <p><a href="#top">[Done? Head back to the TOP]</a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="side-text" -->
<div id="side-text">
  <p><a href="http://get-simple.info/"><img src="images/getsimpleCMS/getsimple-logo.png" width="334" height="224" alt="get simple cms logo" /></a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="http://get-simple.info/extend/plugin/dynpages/81/"><img src="images/getsimpleCMS/dynpages.png" width="334" height="167" alt="dynamic pages plugin" /></a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="http://bluegriffon.org/pages/Download"><img src="http://bluegriffon.org/logo_bluegriffon.png" width="334" height="259" alt="blue griffon logo" /></a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('php header code','','images/getsimpleCMS/header-1.png',1)"><img src="images/getsimpleCMS/header-0.png" alt="php header code" name="php header code" width="334" height="142" border="0" id="php header code" /></a></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><img src="images/getsimpleCMS/check.png" width="334" height="448" alt="checklist tick" /></p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><img src="http://www.mediashow.ro/show/350359-4/HTML-Head-Body-Tattoo.jpg" width="334" height="445" alt="checklist tick" /></p>
  <p>&nbsp;</p>
</div>
<!-- InstanceEndEditable -->
<div id="footer">
  <center>
    <h5><a href="todo/index.php">Todo Test</a> - <a href="imagery">SimpleCMS Test</a> - <a href="https://bubbles.chchserver.co.nz:2096/" title="Login to webmail" target="_new">Email Login</a> - &copy; Jason Dixon 2012    </h5>
  </center>
  </div>  
</div>

<div id="bottom-curve"></div>
<script type="text/javascript">
swfobject.registerObject("Home");
swfobject.registerObject("About");
swfobject.registerObject("Contact");
swfobject.registerObject("logo");
swfobject.registerObject("Web");
swfobject.registerObject("Art");
</script>
</body>
<!-- InstanceEnd --></html>
